.landing-form-wrapper
{
	padding: 11px 15px;
	background: #fff;
	border-radius: var(--ui-border-radius-md);
}

.ui-input {
	box-sizing: border-box;
	border: none;
	border-radius: var(--ui-field-border-radius, 2px);
	box-shadow: inset 0 0 0 1px #c6cdd3;
	color: #5e6675;
	font-size: 14px;
	height: 39px;
	line-height: 39px;
	padding: 0 10px;
}

.ui-radio {
	margin: 0;
	padding: 0;
}

.ui-input,
.ui-textarea {
	color: #7c7c7c;
	font-size: 14px;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.ui-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #bdc7d2;
}

.ui-input::-moz-placeholder { /* Firefox 19+ */
	color: #bdc7d2;
}

.ui-input:-ms-input-placeholder { /* IE 10+ */
	color: #bdc7d2;
}

.ui-input:-moz-placeholder { /* Firefox 18- */
	color: #bdc7d2;
}

.landing-form-label__locked
{
	position: relative;
}

.landing-form-label__locked .tariff-lock
{
	position: absolute;
	top: 2px;
	right: -20px;
	cursor: pointer;
}

.landing-form-title-row {
	padding: 0 0 10px;
}

.landing-editable-field {
	display: inline-block;
	height: 42px;
	position: relative;
	padding-right: 24px;
}

.landing-editable-field-textar-wrap {
	height: auto;
}

.landing-editable-field-input,
.landing-editable-field-textarea {
	display: none;
	font-size: 19px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	height: 42px;
	padding: 0 0 0 11px;
	animation: uiShowTitleInput 0.2s linear;
}

.landing-editable-field-textarea {
	height: auto;
}

@keyframes uiShowTitleInput {
	0% { box-shadow: inset 0 0 0 1px rgba(198,205,211,.0);}
	100% { box-shadow: inset 0 0 0 1px rgba(198,205,211, 1);}
}

.landing-editable-field-label {
	color: #7c7c7c;
	display: inline-block;
	font-size: 19px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	height: 42px;
	line-height: 42px;
	padding-left: 11px;
	margin: 0;
}

.landing-editable-field-textar-wrap .landing-editable-field-label {
	height: auto;
}

.ui-title-input-btn {
	cursor: pointer;
	height: 20px;
	position: absolute;
	right: 0;
	top: 13px;
	width: 20px;
}

.landing-editable-field-textar .ui-title-input-btn {
	top: 1px;
}

.ui-title-input-btn:before {
	background-size: 11px;
	background-position: center 4px;
	content: '';
	display: block;
	height: 100%;
	opacity: .5;
	width: 100%;
}

.ui-title-input-btn:hover:before {
	opacity: 0.8;
}

.landing-form-collapse {
	border: none;
	padding: 0;
}

.landing-form-collapse-block {
	background-color: #ffffff;
	cursor: pointer;
	min-height: 71px;
	position: relative;
	display: flex;
	width: 100%;
	border-radius: var(--ui-form-collapse-block-border-radius);
}

.landing-form-gray-padding .landing-form-collapse-block {
	padding: 25px 27px 0 42px;
	box-sizing: border-box;
}

.landing-form-additional-fields .landing-form-collapse-label {
	word-break: keep-all;
}

.landing-form-collapse-block:before {
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212px%22%20height%3D%228px%22%20viewBox%3D%220%200%2012%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cpath%20d%3D%22M3.82842712%2C3.48528137%20L3.82842712%2C-2.34314575%20L1.82842712%2C-2.34314575%20L1.82842712%2C3.48528137%20L1.65685425%2C3.48528137%20L1.65685425%2C5.48528137%20L1.82842712%2C5.48528137%20L1.82842712%2C5.65685425%20L3.82842712%2C5.65685425%20L3.82842712%2C5.48528137%20L9.65685425%2C5.48528137%20L9.65685425%2C3.48528137%20L3.82842712%2C3.48528137%20Z%22%20id%3D%22Path-Copy-3%22%20fill%3D%22%238A9098%22%20transform%3D%22translate%285.656854%2C%201.656854%29%20rotate%28-45.000000%29%20translate%28-5.656854%2C%20-1.656854%29%20%22%3E%3C/path%3E%3C/svg%3E);
	background-repeat: no-repeat;
	background-position: 0 0;
	content: '';
	height: 8px;
	left: 15px;
	opacity: .7;
	position: absolute;
	top: 30px;
	width: 12px;
}

.landing-form-collapse-block:hover:before {
	opacity: 1;
}

.landing-form-collapse-label {
	color: #535c69;
	font-weight: var(--ui-font-weight-bold);
	margin-right: 3px;
}

.ui-checkbox-hidden-input-hook:last-child, .ui-checkbox-hidden-input-hook-help {
	margin-top: 5px;
}

.landing-form-control-label-help {
	color: #80868e;
	font-size: 14px;
	margin-bottom: 9px;
}

.ui-colorpicker {
	position: relative;
	display: block;
}

.ui-colorpicker input.ui-ctl-element {
	padding-left: 45px;
}

.ui-colorpicker-color {
	border: 1px solid #EAEAEA;
	border-radius: 2px;
	display: none;
	height: 24px;
	left: 7px;
	position: absolute;
	top: 7px;
	width: 24px;
}

.ui-colorpicker-selected .ui-colorpicker-color,
.ui-colorpicker-selected .ui-colorpicker-clear {
	display: block;
}

.ui-colorpicker-clear {
	cursor: pointer;
	display: none;
	height: 39px;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}

.ui-colorpicker-clear:before,
.ui-colorpicker-clear:after {
	background-color: #535C69;
	border-radius: 2px;
	content: '';
	height: 14px;
	opacity: .5;
	position: absolute;
	top: 13px;
	left: 14px;
	width: 2px;
	transition: opacity 0.15s linear;
}

.ui-colorpicker-clear:before {
	transform: rotate(-45deg);
}

.ui-colorpicker-clear:after {
	transform: rotate(45deg);
}

.ui-colorpicker-clear:hover:before,
.ui-colorpicker-clear:hover:after {
	opacity: 0.8;
}

.landing-form-field-description {
	color: #80868e;
	font-size: 13px;
	margin: 0 0 15px;
}

.landing-form-list {
	display: flex;
	padding: 0 24px 22px;
	position: relative;
	border-bottom: 1px solid #d7dadd;
	margin-bottom: 27px;
	overflow: hidden;
	max-width: 615px;
}

.landing-form-layout-item {
	display: block;
	margin-right: 8px;
	padding: 5px;
	cursor: pointer;
	border: 3px solid transparent;
	box-sizing: border-box;
}

.landing-form-layout-item:last-child {
	margin-right: 0;
}

.landing-form-layout-item-img-container
{
	width: 20%;  /* 100% / visible_items_count */
	flex: 1 0 auto;
	position: relative;
}

.landing-form-layout-item-img-container:before {
	content: '';
	display: block;
	padding-top: 121%;
}

.landing-form-layout-item-img-container label {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

.landing-form-layout-item-img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
}

.landing-form-layout-item-empty .landing-form-layout-item-img {
	background-image: url(/bitrix/images/landing/templates/layout-1.svg);
}

.landing-form-layout-item-sidebar_right .landing-form-layout-item-img {
	background-image: url(/bitrix/images/landing/templates/layout-2.svg);
}

.landing-form-layout-item-sidebar_left .landing-form-layout-item-img {
	background-image: url(/bitrix/images/landing/templates/layout-3.svg);
}

.landing-form-layout-item-header_footer .landing-form-layout-item-img {
	background-image: url(/bitrix/images/landing/templates/layout-4.svg);
}

.landing-form-layout-item-header_only .landing-form-layout-item-img {
	background-image: url(/bitrix/images/landing/templates/layout-4-1.svg);
}

.landing-form-layout-item-without_left .landing-form-layout-item-img {
	background-image: url(/bitrix/images/landing/templates/layout-5.svg);
}

.landing-form-layout-item-without_right .landing-form-layout-item-img {
	background-image: url(/bitrix/images/landing/templates/layout-6.svg);
}

.layout-switcher {
	display: none;
}

.field-layout-radio_1:checked ~ .landing-form-list label[for*="field-layout-radio_1"],
.field-layout-radio_2:checked ~ .landing-form-list label[for*="field-layout-radio_2"],
.field-layout-radio_3:checked ~ .landing-form-list label[for*="field-layout-radio_3"],
.field-layout-radio_4:checked ~ .landing-form-list label[for*="field-layout-radio_4"],
.field-layout-radio_5:checked ~ .landing-form-list label[for*="field-layout-radio_5"],
.field-layout-radio_6:checked ~ .landing-form-list label[for*="field-layout-radio_6"],
.field-layout-radio_7:checked ~ .landing-form-list label[for*="field-layout-radio_7"],
.landing-form-layout-item-selected {
	border-color: #2fc6f6;
	border-radius: 7px;
}

.field-layout-radio_1:checked ~ .landing-form-list .landing-form-layout-item-empty:after,
.field-layout-radio_2:checked ~ .landing-form-list .landing-form-layout-item-sidebar_left:after,
.field-layout-radio_3:checked ~ .landing-form-list .landing-form-layout-item-sidebar_right:after,
.field-layout-radio_4:checked ~ .landing-form-list .landing-form-layout-item-header_only:after,
.field-layout-radio_5:checked ~ .landing-form-list .landing-form-layout-item-header_footer:after,
.field-layout-radio_6:checked ~ .landing-form-list .landing-form-layout-item-without_left:after,
.field-layout-radio_7:checked ~ .landing-form-list .landing-form-layout-item-without_right:after,
.landing-form-layout-item-selected:after {
	content: url(/bitrix/images/landing/templates/check-icon.svg);
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 3px;
	right: 3px;
}

.landing-form-list-container {
	width: 100%;
	overflow: hidden;
	position: relative;
}


.landing-form-select-buttons {
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 11px;   /* half of bottom padding */
	align-items: center;
	justify-content: space-between;
}

.landing-form-select-prev, .landing-form-select-next {
	width: 12px;
	height: 19px;
	cursor: pointer;
	position: relative;
}

.landing-form-select-prev:before, .landing-form-select-prev:after, .landing-form-select-next:before, .landing-form-select-next:after {
	content: '';
	width: 12px;
	height: 3px;
	background: #7c838d;
	position: absolute;
	left: 0;
	top: 10px;
}

.landing-form-select-prev:hover:after, .landing-form-select-prev:hover:before, .landing-form-select-next:hover:after, .landing-form-select-next:hover:before {
	background: #535c69;
}

.landing-form-select-prev:before, .landing-form-select-next:after {
	transform: rotate(45deg);
}

.landing-form-select-prev:after, .landing-form-select-next:before {
	transform: rotate(-45deg);
	top: 3px;
}

.landing-form-select-next:after {
	 top: 3px;
 }

.landing-form-select-next:before {
	top: 10px;
}

.landing-form-list-inner {
	display: flex;
	transition: transform ease .3s;
}

.landing-form-list-inner.--prev {
	transform: translateX(-40%); /* (100% / visible_items_count) * hidden_items_count */
}

.landing-form-layout-detail {
	display: flex;
}

.landing-form-layout-detail-hidden {
	display: none;
}

.landing-form-layout-img-container {
	margin-right: 20px;
	width: 100%;
	max-width: 220px;
	position: relative;
}

.landing-form-layout-img-container:before {
	content: '';
	display: block;
	padding-top: 125%;
}

.landing-form-layout-img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: 100%;
	display: none;
}

.landing-form-layout-img-empty {
	background-image: url(/bitrix/images/landing/templates/layout_detail-1.svg);
	display: block;
}

.landing-form-layout-img-sidebar_right {
	background-image: url(/bitrix/images/landing/templates/layout_detail-2.svg);
}

.landing-form-layout-img-sidebar_left {
	background-image: url(/bitrix/images/landing/templates/layout_detail-3.svg);
}

.landing-form-layout-img-header_only {
	background-image: url(/bitrix/images/landing/templates/layout_detail-4-1.svg);
}

.landing-form-layout-img-header_footer {
	background-image: url(/bitrix/images/landing/templates/layout_detail-4.svg);
}

.landing-form-layout-img-without_left {
	background-image: url(/bitrix/images/landing/templates/layout_detail-5.svg);
}

.landing-form-layout-img-without_right {
	background-image: url(/bitrix/images/landing/templates/layout_detail-6.svg);
}

.landing-form-layout-block-item {
	margin-bottom: 22px;
}

.landing-form-layout-block-item:last-child {
	margin-bottom: 0;
}

.landing-form-layout-block-item .landing-ui-field-input {
	width: 316px;
}


/*!* ============== data URI icons ============*!*/
.ui-editing-pen:before {
	background-image: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2211px%22%20height%3D%2211px%22%20viewBox%3D%220%200%2011%2011%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%3Cpath%20d%3D%22M0.799894744%2C8.15707577%20L0%2C11%20L2.9326141%2C10.1580224%20C2.74963818%2C9.70003465%202.48267331%2C9.28104581%202.14071831%2C8.9250553%20C1.7607683%2C8.56906479%201.30082883%2C8.30707177%200.800894612%2C8.15707577%20L0.799894744%2C8.15707577%20Z%20M7.28904085%2C1.59725061%20L1.55279567%2C7.33209776%20C2.02873304%2C7.56009168%202.46967502%2C7.8520839%202.86462305%2C8.20207457%20C3.18958029%2C8.5800645%203.46054464%2C9.0000533%203.67051701%2C9.45204126%20C4.02447043%2C9.09605075%207.65399283%2C5.46714746%209.40176285%2C3.71919405%20C9.17979205%2C3.22720716%208.87683192%2C2.77621918%208.5068806%2C2.38522961%20C8.15192731%2C2.04923856%207.73698191%2C1.78324565%207.28704112%2C1.59925055%20L7.28904085%2C1.59625063%20L7.28904085%2C1.59725061%20Z%20M10.5666096%2C0.434281603%20C10.2766477%2C0.148289226%209.88369943%2C-0.00770661647%209.47675298%2C0.000293170312%20C9.06880666%2C0.0102929038%208.68285744%2C0.180288373%208.40489402%2C0.480280377%20L8.06093928%2C0.823271236%20C8.51887902%2C1.01826604%208.93882376%2C1.29325871%209.30077613%2C1.63624957%20C9.66372837%2C2.01923936%209.9606893%2C2.46122758%2010.1766609%2C2.94321473%20L10.5226154%2C2.59722396%20C10.8195763%2C2.31723142%2010.9925535%2C1.93224168%2010.9995526%2C1.52425255%20C11.0095513%2C1.1172634%2010.8515721%2C0.724273874%2010.5646098%2C0.434281603%20L10.5676094%2C0.434281603%20L10.5666096%2C0.434281603%20Z%22%20fill%3D%22%23525C68%22%20fill-rule%3D%22nonzero%22%3E%3C/path%3E%0A%3C/svg%3E);
	background-repeat: no-repeat;
}
/*!* ============== data URI icons ===========*!*/

.ui-form-row.landing-form-title-catalog {
	color: #333;
	font: 18px/24px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	padding: 19px 0 15px 20px;
	margin-left: -20px;
	background-color: #fff;
	border-bottom: none;
}

#fieldSectionId .landing-ui-field-link-url
{
	margin: 0;
}
#fieldSectionId .landing-ui-field-link-url .landing-ui-field-link-url-grid
{
	max-width: 400px;
}

#fieldSectionId .landing-ui-field-link-url .landing-ui-field-input
{
	max-width: 100%;
}

/* OVERWRITE ui form layout */
.ui-form {
	color: #5e6675;
	font-size: 14px;
}

#landing-site-set-form,
#landing-page-set-form
{
	padding-bottom: 0;
}

.ui-form.ui-form-section .ui-ctl-w100
{
	max-width: 600px !important;
}

.ui-form-section > .ui-form-row.ui-form-row--stretch
{
	width: calc(100% + 40px);
	max-width: calc(100% + 40px);
	margin: 0 -20px;
	padding: 10px 0;
	background: white;
	border: none;
}

.ui-form-section > .ui-form-row > .ui-form-label
{
	width: 200px;
}

div[data-form-row-hidden] + .ui-form-row-hidden,
.ui-form-row-hidden__locked
{
	padding-left: 23px;
	width: calc(100% - 23px);
}

.landing-ui-form-row-hidden .ui-ctl-textbox {
	display: none;
}